body{
  overflow-x:hidden
}
a{
  text-decoration: none;
  color: #fff;
}
.home{
  background-color: #FAFBFC;
  .topSwiper{
    .el-carousel__item{
      color: #475669;
      font-size: 18px;
      opacity: 0.75;
      line-height: 300px;
      margin: 0 auto;
    }
    .el-carousel__container{
      width: 100%;
    }
    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }
    
    .el-carousel__item:nth-child(2n+1) {
      background-color: #d3dce6;
    }
    .el-carousel__arrow{
      width: 92px;
      height: 112px;
      border-radius: 0;
      font-size: 60px;
      color: #707070;
    }
    .el-carousel__arrow--left{
      left: 68px;
    }
    .el-carousel__arrow--right{
      right: 68px;
    }
    .el-carousel__indicators{
      bottom: 160px;
    }
    .el-carousel__button{
      width: 18px;
      height: 18px;
      background: #fff;
      border-radius: 50%;
    }
    .el-carousel__button{
      padding: 0 0;
      margin: 0 10px;
    }
  }
  .changeTime{
    width: 1034px;
    height: 184px;
    background: #FFFFFF;
    margin: 0 auto;
    margin-top: -92px;
    z-index: 3;
    position: relative;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    ul{
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      li{
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        .block{
          position: absolute;
          left: 18px;
          bottom: 6px;
          opacity: 1;
          .el-input__inner{
            font-family: PingFang SC;
            font-size: 50px;
            font-weight: bold;
            border: none;
            color: #999999;
            width: 160px;
            height: 50px;
          }
          .el-input__icon{
            opacity: 0;
          }
        }
        &:nth-child(1),&:nth-child(2){
          b{
            opacity: 0;
          }
        }
        &:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4){
          width: 220px;
          height: 90px;
          border-right: 2px solid #707070;
          h3{
            width: 80px;
            height: 28px;
            font-size: 20px;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 28px;
            color: #999999;
            margin-right: 30px;
          }
          .change{
            height: 70px;
            b{
              width: 60px;
              height: 70px;
              font-size: 50px;
              font-family: PingFang SC;
              font-weight: 600;
              line-height: 70px;
              color: #999999;
            }
            &>img{
              width: 10px;
              margin: 0 4px 0 3px;
              z-index: 2;
              position: relative;
            }
            .sept{
              display: flex;
              flex-direction: column;
              margin-top: 7px;
              float: right;
              position: relative;
              z-index: 2;
              i{
                width: 38px;
                height: 25px;
                font-size: 18px;
                font-family: PingFang SC;
                font-weight: 400;
                line-height: 25px;
                color: #999999;
              }
              img{
                width: 22px;
                cursor: pointer;
              }
            }
          }
        }
        &:nth-child(3),&:nth-child(4){
          .change{
            margin-top: 8px;
            .el-input__inner{
              width: 60px;
              height: 100%;
              font-size: 50px;
              color: #999999;
              font-weight: bold;
              margin-left: 20px;
              border: none;
              padding: 0;
            }
            .el-input-number{
              width: 120px;
            }
            .el-input-number__decrease,.el-input-number__increase{
              width: 0;
              height: 0;
              top: 35px;
              background-color: #fff;
              border: 8px solid;
              border-color: #999999 transparent transparent transparent;
              i{
                opacity: 0;
              }
            }
            .el-input-number__increase{
              top: 5px;
              border-color: transparent transparent #999999 transparent;
            }
          }
        }
        &:nth-child(3){
          width: 197px;
        }
        &:nth-child(4){
          width: 229px;
          border: none;
        }
        &:nth-child(5){
          width: 167px;
          height: 184px;
          background: #798C9D;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          span{
            height: 28px;
            font-size: 20px;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 28px;
            color: #FFFFFF;
          }
          a{
            display: flex;
            flex-direction: column;
            align-items: center;
          }
        }
      }
    }
  }
  .aboutTitle,.reserveTitle,.ZTServiceTitle,.ZTShoppingTitle,.ZTstoryTitle{
    width: 464px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    b{
      width: 299px;
      height: 67px;
      font-size: 48px;
      font-family: STSong;
      font-weight: 400;
      line-height: 67px;
      text-align: center;
      color: #333333;
    }
    img{
      width: 25px;
      height: 43px;
    }
    span{
      width: 120px;
      height: 42px;
      font-size: 30px;
      font-family: PingFang SC;
      font-weight: 400;
      line-height: 42px;
      color: #666666;
      margin-left: 15px;
    }
  }
  .about{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 84px;
    .synopsis{
      width: 100%;
      margin-top: 52px;
      display: flex;
      justify-content: space-between;
      .synopsisText{
        width: 576px;
        height: 592px;
        h3{
          width: 144px;
          height: 50px;
          font-size: 36px;
          font-family: PingFang SC;
          font-weight: 400;
          line-height: 50px;
          color: #333333;
        }
        img{
          width: 50px;
          height: 2px;
          margin: 20px 0 63px;
        }
        span{
          width: 576px;
          height: 455px;
          font-size: 16px;
          font-family: PingFang SC;
          font-weight: 400;
          line-height: 34px;
          color: #666666;
          position: relative;
          display: inline-block;
          b{
            position: absolute;
            bottom: 0;
            left: 0;
            width: 138px;
            height: 42px;
            background: #798C9D;
            display: inline-block;
            font-size: 20px;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 42px;
            color: #FFFFFF;
            text-align: center;
            cursor: pointer;
          }
        }
      }
      .synopsisImg{
        width: 576px;
        height: 592px;
        img{
          width: 100%;
        }
      }
    }
  }
  .reserve{
    width: 100%;
    margin: 0 auto;
    margin-top: 85px;
    .reserveBg{
      width: 1310px;
      height: 660px;
      background-color: #B8C3CC;
      display: flex;
      align-items: center;
      margin-top: 52px;
      .reserveSwiper{
        width: 100%;
        .el-carousel__item h3 {
          color: #475669;
          font-size: 14px;
          opacity: 0.75;
          line-height: 200px;
          margin: 0;
        }
        .el-carousel--horizontal{
          overflow: visible;
        }
        .el-carousel__item:nth-child(2n) {
          background-color: #99a9bf;
        }
        
        .el-carousel__item:nth-child(2n+1) {
          background-color: #d3dce6;
        }
        .el-carousel__item--card{
          width: 600px;
        }
        .el-carousel__arrow{
          border-radius: 0;
          background-color: rgba(31,45,61,0);
          i{
            opacity: 0;
          }
        }
        .el-carousel__arrow--left{
          left: 83px;
          width: 0;
          height: 0;
          border: 34px solid;
          border-color: transparent white transparent transparent;
          &:hover{
            left: 61px;
            border: 45px solid;
            border-color: transparent white transparent transparent;
          }
        }
        .el-carousel__arrow--right{
          left: 195px;
          width: 0;
          height: 0;
          border: 34px solid;
          border-color: transparent transparent transparent white;
          &:hover{
            border: 45px solid;
            border-color: transparent transparent transparent white;
          }
        }
        .vv{
          width: 1280px;
          height: 500px;
          margin-left: 360px;
          position: relative;
          overflow-x: hidden;
        }
      }
    }
  }
  .ZTService{
    width: 100%;
    margin-top: 84px;
    .serviceList{
      width: 1200px;
      margin: 0 auto;
      margin-top: 53px;
      ul{
        width: 100%;
        display: flex;
        justify-content: space-between;
        li{
          width: 212px;
          height: 212px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;
          color: #333333;
          &:nth-child(1){
            background: #798C9D;
            color: #fff;
          }
          img{
            height: 123px;
          }
          span{
            height: 33px;
            font-size: 24px;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 33px;
            margin-top: -30px;
          }
        }
      }
    }
  }
  .ZTShopping{
    width: 100%;
    margin-top: 84px;
    .shopCon{
      width: 1170px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      margin-top: 52px;
      .shopConLeft{
        width: 370px;
        .shopConList{
          width: 370px;
          height: 582px;
          position: relative;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          .shopConimg{
            width: 100%;
            img{
              width: 100%;
            }
          }
          .shopConshuoming{
            padding: 0 29px;
            h3{
              height: 33px;
              font-size: 24px;
              font-family: PingFang SC;
              font-weight: 400;
              line-height: 33px;
              color: #333333;
              margin-top: 25px;
            }
            img{
              width: 50px;
              margin-top: 22px;
            }
            span{
              width: 100%;      
              font-size: 18px;
              font-family: PingFang SC;
              font-weight: 400;
              line-height: 36px;
              color: #666666;
              display: block;
              margin-top: 60px;
            }
            b{
              width: 138px;
              height: 42px;
              border: 1px solid #666666;
              display: inline-block;
              font-size: 20px;
              font-family: PingFang SC;
              font-weight: 400;
              line-height: 42px;
              text-align: center;
              color: #666666;
              position: absolute;
              bottom: 30px;
              cursor: pointer;
            }
            a{
              color: #666666;
            }
          }
        }
        .shopConOtherText{
          width: 370px;
          height: 138px;
          background: #798C9D;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 30px;
          cursor: pointer;
          span{           
            font-size: 32px;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 36px;
            color: #FFFFFF;
            img{
              width: 22px;
              margin-left: 29px;
            }
          }
        }
      }
      .shopConCenter{
        width: 370px;
        .shopConList{
          width: 370px;
          height: 528px;
          margin-top: 30px;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          position: relative;
          .shopConimg{
            width: 100%;
            img{
              width: 100%;
            }
          }
          .shopConshuoming{
            padding: 0 29px;
            h3{
              height: 33px;
              font-size: 24px;
              font-family: PingFang SC;
              font-weight: 400;
              line-height: 33px;
              color: #333333;
              margin-top: 25px;
            }
            img{
              width: 50px;
              margin-top: 22px;
            }
            span{
              width: 100%;      
              font-size: 18px;
              font-family: PingFang SC;
              font-weight: 400;
              line-height: 36px;
              color: #666666;
              display: block;
              margin-top: 60px;
            }
            a{
              color: #666666; 
            }
            b{
              width: 138px;
              height: 42px;
              border: 1px solid #666666;
              display: inline-block;
              font-size: 20px;
              font-family: PingFang SC;
              font-weight: 400;
              line-height: 42px;
              text-align: center;
              color: #666666;
              position: absolute;
              bottom: 30px;
              cursor: pointer;
            }
          }
        }
        .shopConOtherText{
          width: 370px;
          height: 236px;
          background: #798C9D;
          display: flex;
          flex-direction: column;
          align-items: center;
          span{        
            width: 310px;
            height: 81px;
            text-align: center;
            font-size: 24px;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 40px;
            color: #FFFFFF;
            margin-top: 78px;
          }
          b{
            display: inline-block;
            width: 50px;
            border-bottom: 2px solid #fff;
            border-radius: 50px;
            margin-top: 30px;
          }
        }
      }
      .shopConRight{
        width: 370px;
        .shopConrightTop,.shopConrightBottom{
          cursor: pointer;
          width: 100%;
          height: auto;
          position: relative;
          img{
            width: 100%;
          }
          .title{
            position: absolute;
            bottom: 40px;
            left: 30px;
            b{
              display: block;
              width: 50px;
              border-bottom: 2px solid #fff;
              border-radius: 50px;
            }
            span{
              height: 25px;
              font-size: 18px;
              font-family: PingFang SC;
              font-weight: 400;
              line-height: 25px;
              color: #FFFFFF;
              margin-top: 30px;
              display: inline-block;
            }
          }
        }
        .shopConrightBottom{
          margin-top: 30px;
        }
      }
    }
  }
  .ZTvideo{
    margin-top: 100px;
    .videoCon{
      width: 100%;
      position: relative;
      &>img{
        width: 100%;
      }
      .button-title{
        position: absolute;
        left: 50%;
        bottom: 30%;
        .button{
          width: 74px;
          height: 74px;
          margin-left: -37px;
          cursor: pointer;
          img{
            width: 100%;
          }
        }
        span{
          height: 50px;
          font-size: 24px;
          font-family: PingFang SC;
          font-weight: 400;
          line-height: 50px;
          color: #FFFFFF;
          display: inline-block;
          margin-left: -125px;
          margin-top: 39px;
        }
      }
    }
    .el-dialog__header{
      display: none;
    }
    .el-dialog__body{
      padding: 2px;
    }
  }
  .ZTstory{
    padding: 85px 0 204px;
    .con{
      width: 1218px;
      margin: 0 auto;
      margin-top: 47px;
      .storyTop,.storyBottom{
        position: relative;
        .storyImg{
          width: 426px;
          height: 426px;
          border: 1px dashed;
          img{
            width: 100%;
          }
        }
        .storyText{
          position: absolute;
          left: 214px;
          top: 211px;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          width: 684px;
          height: 257px;
          padding: 23px 48px 0;
          background: #fff;
          opacity: 0.8;
          h3{
            width: 510px;
            height: 42px;
            font-size: 30px;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 42px;
            color: #333333;
            opacity: 1;
          }
          img{
            width: 50px;
            margin-top: 26px;
          }
          span{
            width: 685px;
            height: 78px;
            font-size: 16px;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 36px;
            color: #333333;
            display: block;
            margin-top: 43px;
            opacity: 1;
          }
          b{
            width: 92px;
            height: 28px;
            display: inline-block;
            font-size: 14px;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 28px;
            background: #798C9D;
            text-align: center;
            color: #fff;
            float: right;
            opacity: 1;
            cursor: pointer;
          }
        }
      }
      .storyBottom{
        margin-top: 126px;
        text-align: right;
        .storyImg{
          display: inline-block;
        }
        .storyText{
          text-align: left;
        }
      }
    }
  }
}